var ToolDetail;

init();

function init() {
    //1.查询进度列表
    queryToolList();
}

/**
 * 详情
 */
function queryToolDetail(id) {
    $.ajax({
        url: prefixUrl + "tool/gettool",
        type: "post",
        data: JSON.stringify({
            toolId: id
        }),
        contentType: "application/json;",
        success: function (data) {
            goToLogin(data);
            var detail = data.data;
            //修改时可以拿到Id
            ToolDetail = detail;
            console.log(data.data);
            $("#toolName").val(detail.toolName);
            $("#toolNumber").val(detail.toolNumber);
            $("#applicantName").val(detail.applicantName);
            $("#startDate").val(new Date(detail.startDate).toLocaleDateString());
            $("#endDate").val(new Date(detail.endDate).toLocaleDateString());
            $("#startDamage").val(detail.startDamage);
            $("#toolDesc").val(detail.toolDesc);
            $("#endDamage").val(detail.endDamage);

            /**
             * 不可修改字段置灰
             */
            $("#toolName").attr("readOnly", "true");
            $("#toolNumber").attr("readOnly", "true");
            $("#applicantName").attr("readOnly", "true");
            $("#startDate").attr("readOnly", "true");
            $("#endDate").attr("readOnly", "true");
            $("#startDamage").attr("readOnly", "true");
            $("#toolDesc").attr("readOnly", "true");

            /**
             *下拉选选中
             */
            $("#stillState").val(detail.stillState);
            $("#endDamage").val(detail.endDamage);

            if(detail.stillState == 1){
                $("#stillState").attr("disabled","disabled");
                $("#endDamage").attr("disabled","disabled");
            }else{
                $('#stillState').attr("disabled",false);
                $('#endDamage').attr("disabled",false);
            }

            getLunBo(detail.fileUrl);
        }
    });
}

function updateTool() {
    var updateData = {
        toolId: ToolDetail.toolId,
        endDamage: $("#endDamage").val(),
        stillState: $("#stillState").find("option:selected").val(),
    };
    $.ajax({
        url: prefixUrl + "tool/updatestatetool",
        type: "post",
        data: JSON.stringify(updateData),
        contentType: "application/json;",
        success: function (data) {
            goToLogin(data);
            alert(data.msg);
            /*modalDisplay();*/
            queryToolList(0);
            location.href = "tool.html";
        }
    });
}

/**
 * 工具列表
 */
function queryToolList(pageIndex) {
    var name = "";
    name = $("#name").val();
    if (pageIndex == null) {
        pageIndex = 0;
    }
    $.ajax({
        url: prefixUrl + "tool/getalltoolinfo",
        type: "post",
        data: JSON.stringify({
            pageIndex: pageIndex,
            toolName: name,
            applicantName: name

        }),
        contentType: "application/json;",
        success: function (data) {
            goToLogin(data);
            var list = data.data.rows;
            var toolHtml = '<thead>'
                + '<tr>'
                + '<th>序号</th>'
                + '<th>工具名称</th>'
                + '<th>数量</th>'
                + '<th>申请人</th>'
                + '<th>状态</th>'
                + '<th>操作</th>'
                + '</tr>'
                + '</thead>'
                + '<tbody>';
            for (var i = 0; i < list.length; i++) {
                var stateName = "";
                if(list[i].stillState == 0){
                    stateName = '<span style="color: red">未归还</span>';
                }else{
                    stateName = '<span style="color: green">已归还</span>';
                }
                toolHtml = toolHtml
                    + '<tr>'
                    + '<td>' + (parseInt(i) + 1) + '</td>'
                    + '<td>'
                    + list[i].toolName
                    + '</td>'
                    + '<td>'
                    + list[i].toolNumber
                    + '</td>'
                    + '<td>'
                    + list[i].applicantName
                    + '</td>'
                    + '<td>'
                    + stateName
                    + '</td>'
                    + '<td>'
                    + '<button type="button" class="btn btn-info mar-r-5" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" onclick=queryToolDetail("'
                    + list[i].toolId
                    + '")>';
                if(list[i].stillState == 0){
                    toolHtml = toolHtml
                        +'<i class="fa fa-pencil"></i>';
                }else{
                    toolHtml = toolHtml
                        +'<i class="glyphicon glyphicon-search"></i>';
                }
                toolHtml = toolHtml
                    +'</button>'
                    + '<button type="button" class="btn btn-info" onclick=deleteTool("'
                    + list[i].toolId
                    + '")><i class="fa fa-bitbucket-square"></i></button>'
                    + '</td>'
                    + '</tr>';
            }
            toolHtml = toolHtml + +'</tbody>';
            $("#toolList").html(toolHtml);


            var total = data.data.total;
            var remainder = total % 20;
            var allNumber = 0;
            if (remainder > 0) {
                allNumber = parseInt(total / 20) + 1;
            } else {
                allNumber = parseInt(total / 20);
            }
            var number = 1;
            var numberHtml = '<li><a onclick=queryToolList(' + "0" + ')>«</a></li>';
            for (var i = 0; i < allNumber; i++) {
                var id = "query-" + i;
                if (i == 0) {
                    numberHtml = numberHtml
                        + '<li id="' + id + '" name="queryList" class="active"><a onclick=queryToolList(' + i + ')>' + number + '</a></li>';
                } else {
                    numberHtml = numberHtml
                        + '<li id="' + id + '" name="queryList"><a onclick=queryToolList(' + i + ')>' + number + '</a></li>';
                }
                number++;
            }
            numberHtml = numberHtml + '<li><a onclick=queryToolList(' + (allNumber - 1) + ')>»</a></li>';
            $("#queryList").html(numberHtml);
        }
    });
}

function deleteTool(id) {
    if (confirm("确认删除么？")) {
        $.ajax({
            url: prefixUrl + "tool/deletetool",
            type: "post",
            data: JSON.stringify({
                toolId: id
            }),
            contentType: "application/json;",
            success: function (data) {
                alert(data.msg);
                queryToolList(0);
            }
        });

    }

}


function getLunBo(lunboImgUrl){
    lunboImgesUrl = lunboImgUrl;

    var lunboImgList = lunboImgUrl.split(",");

    lunboHtml = "";
    for(var i=0; i<lunboImgList.length-1; i++){
        var imgUrl = "";
        if(lunboImgList[i] != null && lunboImgList[i].indexOf("/") != -1){
            imgUrl = lunboImgList[i].split("/");
            imgUrl = imgUrl[imgUrl.length-1];
        }
        lunboHtml = lunboHtml
            +'<section class="up-section fl">'
            +'<span class="up-span"></span>'
        /*    +'<img class="close-upimg" src="img/a7.png">'*/
            +'<img class="up-img" style="width: 200px;height: 150px" src="'
            +lunboImgList[i]
            +'">'
    /*        +'<p class="img-name-p">'
            +imgUrl
            +'</p><input id="taglocation" name="taglocation" value="" type="hidden">'
            +'<input id="tags" name="tags" value="" type="hidden">'*/
            +'</section>';
    }
   /* lunboHtml = lunboHtml
        +'<section class="z_file fl">'
        +'<img src="img/a11.png" class="add-img">'
        +'<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />'
        +'</section>';*/
    $("#lunbo").html(lunboHtml);

    addFileChange();
}

function addFileChange() {
    var delParent;
    var imagesUrl;
    var defaults = {
        fileType         : ["jpg","png","bmp","jpeg"],   // 上传文件的类型
        fileSize         : 1024 * 1024 * 10                  // 上传文件的大小 10M
    };
    /*点击图片的文本框*/
    $(".file").change(function(){
        var idFile = $(this).attr("id");
        var file = document.getElementById(idFile);
        var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
        var fileList = file.files; //获取的图片文件
        var input = $(this).parent();//文本框的父亲元素
        var imgArr = [];
        //遍历得到的图片文件
        var numUp = imgContainer.find(".up-section").length;
        var totalNum = numUp + fileList.length;  //总的数量
        if(fileList.length > 5 || totalNum > 5 ){
            alert("上传图片数目不可以超过5个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
        }
        else if(numUp < 5){
            fileList = validateUp(fileList);
            for(var i = 0;i<fileList.length;i++){
                var imgUrl = window.URL.createObjectURL(fileList[i]);
                imgArr.push(imgUrl);
                var $section = $("<section class='up-section fl loading'>");
                imgContainer.prepend($section);
                var $span = $("<span class='up-span'>");
                $span.appendTo($section);

                var $img0 = $("<img class='close-upimg'>").on("click",function(event){
                    event.preventDefault();
                    event.stopPropagation();
                    $(".works-mask").show();
                    delParent = $(this).parent();
                });
                $img0.attr("src","img/a7.png").appendTo($section);
                var $img = $("<img class='up-img up-opcity'>");
                $img.attr("src",imgArr[i]);
                $img.appendTo($section);
                var $p = $("<p class='img-name-p'>");
                $p.html(fileList[i].name).appendTo($section);
                var $input = $("<input id='taglocation' name='taglocation' value='' type='hidden'>");
                $input.appendTo($section);
                var $input2 = $("<input id='tags' name='tags' value='' type='hidden'/>");
                $input2.appendTo($section);

            }
        }
        setTimeout(function(){
            $(".up-section").removeClass("loading");
            $(".up-img").removeClass("up-opcity");
        },450);
        numUp = imgContainer.find(".up-section").length;
        if(numUp >= 5){
            $(this).parent().hide();
        }
    });



    $(".z_photo").delegate(".close-upimg","click",function(){
        $(".works-mask").show();
        delParent = $(this).parent();
    });

    $(".wsdel-ok").click(function(){
        $(".works-mask").hide();
        var numUp = delParent.siblings().length;
        if(numUp < 6){
            delParent.parent().find(".z_file").show();
        }
        var imgName = delParent[0].textContent;
        var lunboImageList = lunboImgesUrl.split(",");
        imageUrls = "";
        if(lunboImageList.length > 0){
            for(var i=0; i<lunboImageList.length; i++){
                console.log(imgName);
                var lunbo = lunboImageList[i];
                if(lunbo != "" && lunbo.indexOf(imgName) == -1){
                    imageUrls = imageUrls + lunbo + ",";
                }
            }
        }
        lunboImgesUrl = imageUrls;
        delParent.remove();
    });

    $(".wsdel-no").click(function(){
        $(".works-mask").hide();
    });

    function validateUp(files){
        var arrFiles = [];//替换的文件数组
        for(var i = 0, file; file = files[i]; i++){
            //获取文件上传的后缀名
            var newStr = file.name.split("").reverse().join("");
            if(newStr.split(".")[0] != null){
                var type = newStr.split(".")[0].split("").reverse().join("");
                if(jQuery.inArray(type, defaults.fileType) > -1){
                    // 类型符合，可以上传
                    if (file.size >= defaults.fileSize) {
                        alert(file.size);
                        alert('您这个"'+ file.name +'"文件大小过大');
                    } else {
                        // 在这里需要判断当前所有文件中
                        var formData = new FormData();
                        formData.append('file', file);
                        saveLunBoPic(formData);
                        arrFiles.push(file);
                    }
                }else{
                    alert('您这个"'+ file.name +'"上传类型不符合');
                }
            }else{
                alert('您这个"'+ file.name +'"没有类型, 无法识别');
            }
        }
        return arrFiles;
    }
}